<!--背景色组件-->
<template>
  <el-form-item label="候诊患者类型" class="replenish-shown">
    <el-select v-model="optionsInfo['waitPatientType']" placeholder="请选择">
      <el-option
          v-for="item in waitPatientTypeOptions"
          :key="item.value"
          :label="item.label"
          :value="item.value"
      />
    </el-select>
  </el-form-item>
</template>

<script>
import constantDic from "@/utils/vue-i18n/lang/zh-CN";
import * as types from "@c/public/form-designer/devType/datas-types";

export default {
  name: "waitPatientType-editor",

  componentName: "waitPatientType-editor",

  mixins: [],

  props: {
    designer: Object,
    selectedWidget: Object,
    optionModel: Object,
    businessType: {
      type: String,
      default: () => {
        return 'default'
      }
    }
  },

  data() {
    return {
      optionsInfo: Object(),
      constantDic: constantDic,
      // 候诊患者类型
      waitPatientTypeOptions:types['waitPatientTypeOptions'],
    }
  },

  watch: {
    optionModel: {
      handler: function (val) {
        let key = val.config;
        this.optionsInfo = val[key];
      },
      deep: true,
      immediate: true
    }
  }
}
</script>

<style lang="scss" scoped>
.replenish-shown {
  display: flex;
  flex-direction: column;

  :deep(label) {
    width: 100% !important;
  }

  :deep(.el-select){
    width: 100%;
  }

  :deep(.el-form-item__content) {
    margin-left: 0 !important;
  }
}
</style>
